	.search{
		width: 100%;
		height: 100%;
		position: absolute;
		background-color: #f3f4f8;
		.text{
			
		}
		.class-list{
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			align-items: center;
			.class-item{
				text-align: center;
				width: 20%;
				.img{
					width: 80rpx;
					height: 80rpx;
				}
			}
		}
			.scroll-view_H {
				white-space: nowrap;
				width: 100%;
				.scroll-view-item_H {
					position: relative;
					display: inline-block;
					width: 40%;
					background-color: white;
					margin: 10rpx;
					border-radius: 10rpx;
					.title{
						font-size: 30rpx;
						font-weight: bolder;
						padding: 10rpx;
						
					}
					.sub-title{
						font-size: 20rpx;
						margin-left: 10rpx;
						padding: 8rpx;
						display: inline-block;
						color: white;
						background-color: #f06e54;
						border-radius: 7rpx;
					}
					.describ{
						font-size: 20rpx;
						color: #929294;
						padding: 30rpx 10rpx;
					}
					.img{
						z-index: 5;
						position: absolute;
						width: 100rpx;
						height: 100rpx;
						bottom: 10rpx;
						right: 10rpx;
					}
				}
			}
			.tab-list{
				.list-card{
					margin: 10rpx;
					width: calc(100% - 20rpx);
					background-color: white;
					.card-img{
						width: 200rpx;
						height: 200rpx;
						margin: 10rpx;
						border-radius: 10rpx;
					}
					.card-text{
						width:  calc(100% - 200rpx);
						padding: 10rpx;
						.title{
							font-size: 30rpx;
							height: 60rpx;
							line-height: 60rpx;
							font-weight:bolder;
						}
						.addr-dist{
							color: #929294;
							height: 60rpx;
							line-height: 60rpx;
							.dist{
								color: black;
							}
						}
						.visitors{
							font-size: 15rpx;
							font-weight: bolder;
							padding: 5rpx;
							display: inline-block;
							border: #ff7f50 solid 2rpx;
							color: #ff7f50;
						}
					}
				}
			}
	
	}